<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <title>预约影像制品（注册用户）</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" th:href="@{/css/style.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/bootstrap/css/bootstrap.css}"/>
</head>

<body>
<div id="wrap">
    <div id="top_content">
        <div id="header">
            <div id="rightheader">
                <p>
                    [[${#dates.format(new java.util.Date().getTime(), 'yyyy-MM-dd')}]]
                    <br />
                </p>
            </div>
            <div id="topheader">
                <h1 id="title">
                    <a href="#">影像制品租凭管理系统</a>
                </h1>
            </div>
            <div id="navigation">
                <ul>
                    <li>
                        <a href="/ims/product/findAll?type=user">管理影像制品</a>
                    </li>
                    <li>
                        <a th:href="@{/user/findUser(id=${session.user.id})}">个人信息</a>
                    </li>
                    <li>
                        <a href="/ims/index">退出登陆</a>
                    </li>
                </ul>
            </div>
        </div>
        <div id="content">
            <p id="whereami"></p>
            <h1>
                预约影像制品:
            </h1>
            <form th:action="@{/product/order}" method="post">
                <table cellpadding="0" cellspacing="0" border="0" class="form_table">
                    <tr>
                        <td valign="middle" align="right">
                            影像名称:
                        </td>
                        <td valign="middle" align="left">
                            <input type="hidden" name="id" th:value="${product.id}"> <!--隐藏域传输id-->
                            <input disabled type="text" class="inputgri" name="pName" th:value="${product.pName}"/>
                        </td>
                    </tr>
                    <tr>
                        <td valign="middle" align="right">
                            影像类型	:
                        </td>
                        <td valign="middle" align="left">
                            <select disabled name="pClassify" id="pClassify">
                                <option th:selected="${product.pClassify=='爱情片'}" value="爱情片">爱情片</option>
                                <option th:selected="${product.pClassify=='动作片'}" value="动作片">动作片</option>
                                <option th:selected="${product.pClassify=='科幻片'}" value="科幻片">科幻片</option>
                                <option th:selected="${product.pClassify=='悬疑片'}" value="悬疑片">悬疑片</option>
                                <option th:selected="${product.pClassify=='喜剧片'}" value="喜剧片">喜剧片</option>
                                <option th:selected="${product.pClassify=='战争片'}" value="战争片">战争片</option>
                                <option th:selected="${product.pClassify=='恐怖片'}" value="恐怖片">恐怖片</option>
                                <option th:selected="${product.pClassify=='动漫'}" value="动漫">动漫</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td valign="middle" align="right">
                            制品类型:
                        </td>
                        <td valign="middle" align="left">
                            <select disabled name="pType" id="pType">
                                <option th:selected="${product.pType=='CD'}" value="CD">CD</option>
                                <option th:selected="${product.pType=='VCD'}" value="VCD">VCD</option>
                                <option th:selected="${product.pType=='DVD'}" value="DVD">DVD</option>
                                <option th:selected="${product.pType=='BD'}" value="BV">BD</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td valign="middle" align="right">
                            <label for="orderTime">预约时间：</label>
                        </td>
                        <td valign="middle" align="left">
                            <input id="orderTime" name="orderTime" type="date" value="2021-06-17"/>
                        </td>
                    </tr>

                </table>
                <p>
                    <input type="submit" class="btn btn-primary" value="预约" />
                    <input type="button" onclick="location.href='/ims/product/findAll?type=user'" class="btn btn-default" value="取消" />
                </p>
            </form>
        </div>
    </div>
    <div id="footer">
        <div id="footer_bg">
            copyright@2021
        </div>
    </div>
</div>
</body>
</html>
